<div class="box blue">
	<div class="inner">
		<?php 
		echo $html->css('/backend/css/scrollable.css');
		echo $javascript->link('/backend/js/jquery.tools.min.js');
		?>

		<script>
		$(document).ready(function(){
			$('#admin_metrics').bind('afterAjaxLoad', function(){
				children = $(".scrollable").children().size();
				if(children > 0)
				{
					$(".scrollable").scrollable();
				}
				else
				{
					$('div.metrics').html("<?php echo __('No metrics found!');?>")
				}
			});
		});

		</script>
		<style>
		.metrics
		{
		width: 100%;
		margin-left: 5px;
		}
		</style>
		<h2><?php echo __("Metrics")?></h2>

		<div class="metrics">

			<a class="prev browse left disabled"></a>
			<?php echo $ajax->div('/admin/backend/metrics/get', array('recursive'=>true, 'preload' => false), array('class'=>'ajaxArea scrollable', 'id' => 'admin_metrics')); ?>
			<a class="next browse right disabled"></a>

		</div>
		<div class="clear"></div>
	</div>
</div>